/* ==== v-dropdown ====*/

.v-dropdown {
  display: inline-block;
  position: relative;
  color: @extra-light-black;
  font-size: @font-size-base;
  .v-button-group {
    display: block;
    .el-button {
      float: none;
    }
  }
  .v-dropdown__caret-button {
    padding: 0 0 0 5px;
    .v-dropdown__icon {
      padding-left: 0;
    }
  }
  &__con {
    font-size: 12px;
    margin: 0 3px;
  }
}

.v-dropdown-menu {
  margin: 5px 0;
  background-color: @white;
  border: 1px solid @base-gray;
  box-shadow: @dropdown-menu-box-shadow;
  padding: 6px 0;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100px;

  &__item {
    list-style: none;
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    cursor: pointer;

    &:not(.is-disabled):hover {
      background-color: @dropdown-menuItem-hover-fill;
      color: @dropdown-menuItem-hover-color;
    }
    &--divided {
      position: relative;
      margin-top: 6px;
      border-top: 1px solid @base-gray;

      &:before {
        content: '';
        height: 6px;
        display: block;
        margin: 0 -10px;
        background-color: @white;
      }
    }
    &.is-disabled {
      cursor: default;
      color: @extra-light-silver;
      pointer-events: none;
    }
  }
}
